define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'category/index',
                    add_url: 'category/add',
                    edit_url: 'category/edit',
                    del_url: 'category/del',
                    multi_url: 'category/multi',
                    dragsort_url: 'ajax/weigh',
                    table: 'category',
                }
            });

            var table = $("#table");
            var tableOptions = {
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'weigh',
                pagination: false,
                commonSearch: false,
                search: false,
                columns: [
                    [
                        { checkbox: true },
                        { field: 'id', title: __('Id') },
                        { field: 'type', title: __('Type'), operate: false, searchList: Config.searchList, formatter: Table.api.formatter.label },
                        {
                            field: 'name', title: __('Name'), align: 'left', formatter: function (value, row, index) {
                                return value.toString().replace(/(&|&amp;)nbsp;/g, '&nbsp;');
                            }
                        },
                        // { field: 'acct_str', title: __('授权平台'), operate: false, visible: Config.acct_visible, formatter: Table.api.formatter.flag },
                        { field: 'acct_ids', title: __('授权平台'), operate: 'LIKE', visible: false, searchList: Config.adminList, formatter: Table.api.formatter.flag },
                        {
                            field: 'acct_str', title: __('授权平台'), operate: false, searchList: Config.adminList,
                            formatter: function (value, row, index, field) {
                                return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + value + "'>" + value + "</span>";
                            },
                            cellStyle: function (value, row, index, field) {
                                return {
                                    css: {
                                        "white-space": "nowrap",
                                        "text-overflow": "ellipsis",
                                        "overflow": "hidden",
                                        "max-width": "150px"
                                    }
                                };
                            }

                        },
                        // { field: 'nickname', title: __('快递编号') },
                        // {field: 'flag', title: __('Flag'), formatter: Table.api.formatter.flag},
                        { field: 'image', title: __('Image'), operate: false, events: Table.api.events.image, formatter: Table.api.formatter.image },
                        { field: 'weigh', title: __('Weigh') },
                        { field: 'status', title: __('Status'), operate: false, formatter: Table.api.formatter.status },
                        { field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate }
                    ]
                ]
            };
            $("#authorize").addClass("hide");
            $('.panel-heading a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                var data = $(this).data("value")
                if (data != 'goods') {
                    $("#authorize").addClass("hide");
                } else {
                    $("#authorize").removeClass("hide");
                }
                table.bootstrapTable('refresh', {});
                return false;
            });
            // 初始化表格
            table.bootstrapTable(tableOptions);

            // 为表格绑定事件
            Table.api.bindevent(table);

            //绑定TAB事件
            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                // var options = table.bootstrapTable(tableOptions);
                var typeStr = $(this).attr("href").replace('#', '');
                var options = table.bootstrapTable('getOptions');
                options.pageNumber = 1;
                options.queryParams = function (params) {
                    // params.filter = JSON.stringify({type: typeStr});
                    params.type = typeStr;

                    return params;
                };
                table.bootstrapTable('refresh', {});
                return false;

            });
            // 获取选中项
            $(document).on("click", ".btn-selected", function () {
                let arr = Table.api.selecteddata(table);
                console.log(arr);
                let ids = arr.map(element => element.id);
                let idsStr = ids.join(',');
                Fast.api.open("category/accredit/ids/" + idsStr, "一键授权", {

                });
            });

            $(table).on("change", "input[data-index][type='checkbox']", function (e) {
                var ids = $(this).data("index");
                //当前数据
                let arr = Table.api.getrowdata(table, ids);
                //所有数据
                var options = table.bootstrapTable("getOptions");
                var array = options.data;
                if (arr.pid == 0) {
                    array.forEach(element => {
                        if (element.pid == arr.id) {
                            element[0] = arr[0]
                        }
                    });
                }
                table.bootstrapTable('load', array);
            });

        },
        add: function () {
            Controller.api.bindevent();
            setTimeout(function () {
                $("#c-type").trigger("change");
            }, 100);
        },
        edit: function () {
            Controller.api.bindevent();
        },
        accredit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                $(document).on("change", "#c-type", function () {
                    $("#c-pid option[data-type='all']").prop("selected", true);
                    $("#c-pid option").removeClass("hide");
                    $("#c-pid option[data-type!='" + $(this).val() + "'][data-type!='all']").addClass("hide");
                    $("#c-pid").data("selectpicker") && $("#c-pid").selectpicker("refresh");
                });
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});
